<?php 
	session_start();
	include("php/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<meta name="description" content="Torneo Comercial de Basket">
		<meta name="keywords" content="torneo.basket,comercial,amateur,vector,it,vector-it,cordoba,argentina">
		<meta name="author" content="Vector-IT">
	    <title>Torneo TCB</title>
	    <link rel="shortcut icon" href="imagenes/favicon.ico" type="image/x-icon" />
	    <link rel="icon" href="imagenes/favicon.ico" type="image/x-icon" />
		<link rel="image_src" href="http://www.torneotcb.com.ar/imagenes/logo.png" />
		<link rel="stylesheet" type="text/css" href="css/tcb.css">
		
        <meta property="og:title" content="Torneo TCB" />
		<meta property="og:url" content="http://www.torneotcb.com.ar" />
		<meta property="og:description" content="Torneo Comercial de Basket" />
		<meta property="og:image" content="http://www.torneotcb.com.ar/imagenes/logo.png" />
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<script src="js/publicos.js"></script>
		
		<link rel="stylesheet" type="text/css" href="jquery/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
	    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	    <!-- 
		<script src="jquery/js/jquery-1.9.1.js"></script>
		<script src="jquery/js/jquery-ui-1.10.3.custom.js"></script>
		 -->
		
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<!-- Google Hosted jQuery Core -->
		<script src="js/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(document).ready(function() {
				
				var BGImageArray = ["bg.jpg","bg2.jpg","bg5.jpg","bg6.jpg","bg7.jpg","bg8.jpg"];
				var BGImage = BGImageArray[Math.floor(Math.random()*BGImageArray.length)];
	
				$("body").ezBgResize({
					img     : "imagenes/fondos/" + BGImage, // Relative path example.  You could also use an absolute url (http://...).
					opacity : 1, // Opacity. 1 = 100%.  This is optional.
					center  : true // Boolean (true or false). This is optional. Default is true.
				});
			});
		</script>
		
		<script type="text/javascript">
			function armarPagina() {
				cargarEncabezado(function(){
					verDatosClasificaciones(2);
				});
			}
	
			function cargarEncabezado(callback) {
	            if (window.XMLHttpRequest)
	            {// code for IE7+, Firefox, Chrome, Opera, Safari
	                xmlhttp=new XMLHttpRequest();
	            }
	            else
	            {// code for IE6, IE5
	                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	            }
	
	            xmlhttp.onreadystatechange=function()
	            {
	                if (xmlhttp.readyState==4 && xmlhttp.status==200) {
	                	document.getElementById("divEncabezado").innerHTML = xmlhttp.responseText;
	                	callback();
	                }
	            };
	            xmlhttp.open("POST","encabezado.php",true);
	            xmlhttp.send();
			}
			
			function verDatosClasificaciones() {
				var strNumeTorneo = document.getElementById('cmbNumeTorneo').value;
				
				document.getElementById('divDatosClasificaciones').innerHTML = '<div id="actualizando"><img src="imagenes/spinner.gif" style="width: 16px; height: 16px;" />Actualizando...</div>';
		        
	            if (window.XMLHttpRequest)
	            {// code for IE7+, Firefox, Chrome, Opera, Safari
	                xmlhttp=new XMLHttpRequest();
	            }
	            else
	            {// code for IE6, IE5
	                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	            }
	
	            xmlhttp.onreadystatechange = function()
	            {
	                if (xmlhttp.readyState==4 && xmlhttp.status==200) {
	                    document.getElementById("divDatosClasificaciones").innerHTML = xmlhttp.responseText;
	                    verDatosResultados(2);
	                }
	            };
	            xmlhttp.open("POST","php/clasificaciones.php",true);
	            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	            xmlhttp.send("NumeTorneo=" + strNumeTorneo);
			}

			function verDatosResultados(intTipo) {
				var strNumeTorneo = document.getElementById('cmbNumeTorneo').value;
				
				document.getElementById('divDatosExtra').innerHTML = '<div id="actualizando"><img src="imagenes/spinner.gif" style="width: 16px; height: 16px;" />Actualizando...</div>';
		        
	            if (window.XMLHttpRequest)
	            {// code for IE7+, Firefox, Chrome, Opera, Safari
	                xmlhttp=new XMLHttpRequest();
	            }
	            else
	            {// code for IE6, IE5
	                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	            }
	
	            xmlhttp.onreadystatechange = function()
	            {
	                if (xmlhttp.readyState==4 && xmlhttp.status==200) {
	                    document.getElementById("divDatosExtra").innerHTML = xmlhttp.responseText;
	                    if (intTipo == 0) {
	                    	document.getElementById("btnFixture").disabled = false;
	                    	document.getElementById("btnResultados").disabled = true;
	                    }
	                    else {
	                    	document.getElementById("btnFixture").disabled = true;
	                    	document.getElementById("btnResultados").disabled = false;
	                    }
	                    document.getElementById("btnGoleadores").disabled = false;
	                }
	            };
	            xmlhttp.open("POST","php/resultados.php",true);
	            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	            xmlhttp.send("Tipo=" + intTipo + "&NumeTorneo=" + strNumeTorneo);
			}

			function verDatosGoleadores(strOrden) {
				var strNumeTorneo = document.getElementById('cmbNumeTorneo').value;
				
				document.getElementById('divDatosExtra').innerHTML = '<div id="actualizando"><img src="imagenes/spinner.gif" style="width: 16px; height: 16px;" />Actualizando...</div>';
		        
	            if (window.XMLHttpRequest)
	            {// code for IE7+, Firefox, Chrome, Opera, Safari
	                xmlhttp=new XMLHttpRequest();
	            }
	            else
	            {// code for IE6, IE5
	                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	            }
	
	            xmlhttp.onreadystatechange = function()
	            {
	                if (xmlhttp.readyState==4 && xmlhttp.status==200) {
	                    document.getElementById("divDatosExtra").innerHTML = xmlhttp.responseText;
	                    document.getElementById("btnFixture").disabled = false;
	                    document.getElementById("btnResultados").disabled = false;
	                    document.getElementById("btnGoleadores").disabled = true;
	                }
	            };
	            xmlhttp.open("POST","php/goleadores.php",true);
	            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	            xmlhttp.send("NumeTorneo=" + strNumeTorneo+"&Orden="+strOrden);
			}
		</script>
	</head>
	<body onload="armarPagina();">
		<?php include_once("php/analyticstracking.php") ?>

<!-- Ventanas modales -->
		<div id="divFondo" class="fondo" onclick="cerrarLogin();"></div>
		
		<div id="divLogin" class="modal">
			<table style="width: 100%;" class="accesos">
				<tr>
					<td>
						Acceder al sistema
					</td>
					<td style="text-align: right;">
					<input type="button" value="X" onclick="cerrarLogin();" class="boton" />
					</td>
				</tr>
			</table>
			<div style="padding-top: 10px;">
				<form name="frmLogin" id="frmLogin" method="POST" onSubmit="return false;">
					<table>
						<tr>
							<td>
								<label for="txtUser">Usuario: </label>
							</td>
							<td>
								<input type="text" id="txtUser" required />
							</td>
						</tr>
						<tr>
							<td>
								<label for="txtPass">Contrase&ntilde;a: </label>
							</td>
							<td>
								<input type="password" id="txtPass" required />
							</td>
						</tr>
						<tr>
							<td colspan="2" style="text-align: right;">
								<div id="divLoginError" class="error"></div>
								<input type="submit" value="Aceptar" onclick="login(location.href);" class="boton"/>&nbsp;
								<input type="button" value="Cancelar" onclick="cerrarLogin();" class="boton" />
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
		
		<div class="contenedor">
	    	<input type="hidden" id="hdnOperacion" name="hdnValor" value="" />
			
		    <div class="encabezado" id="divEncabezado">
		    	<img src="imagenes/logo_viejo.png" />
			</div>
	    	
	    	<div class="contenido">
	    		<table style="width: 100%;">
	    			<tr>
	    				<td style="vertical-align: top; max-width: 50%;">
				    		<p class="tituloMedio">Tabla de Clasificaciones</p>
				    		<label for="cmbNumeTorneo">Mostrando datos del Torneo: </label>
				    		<?php
							    $strSalida = $crlf.'<select id="cmbNumeTorneo" onchange="verDatosClasificaciones();">';
							    $conn = new mysqli($dbhost, $dbuser, $dbpass, $db);
							    $tabla = $conn->query("SELECT NumeTorneo, NombTorneo FROM torneos WHERE NumeEsta = 1 ORDER BY NombTorneo") or die("Problemas al conectar al Servidor");
							    
							    while ($fila = $tabla->fetch_array()) {
							        $strSalida.= $crlf.'<option value="'.$fila["NumeTorneo"].'">'.$fila["NombTorneo"].'</option>';
							    }
							    
							    $tabla->free();
							    $conn->close();
							    
							    $strSalida.= $crlf.'</select>';
							    echo $strSalida;
				    		?>
				    	</td>
				    	<td style="vertical-align: top; max-width: 50%;">
				    		<p class="tituloMedio">Estad&iacute;sticas</p>
				    		<input type="button" class="boton" id="btnFixture" value="Ver Fixture" onclick="verDatosResultados(2);" />
				    		<input type="button" class="boton" id="btnResultados" value="Ver Resultados" onclick="verDatosResultados(0);" />
				    		<input type="button" class="boton" id="btnGoleadores" value="Ver Goleadores" onclick="verDatosGoleadores('Puntos');" />
				    	</td>
				    </tr>
					<tr>
					    <td style="vertical-align: top;">
					    	<div id="divDatosClasificaciones"></div>
					    </td>
					    <td style="vertical-align: top;">
					    	<div id="divDatosExtra"></div>
					    </td>
					</tr>
				</table>
		    </div>
	
		    <div id="pie" class="pie">
            	<div style="float: left;">
            		Estamos en Redes Sociales
            	  	<a href="http://www.facebook.com/pages/Torneo-Comercial-De-Basquet/126750014062523" target="_blank"><img src="imagenes/facelogo.png" height="25" width="25"  /></a>
            	  	<a href="http://twitter.com/TorneoComercial" target="_blank"><img src="imagenes/twitlogo.png" height="25" width="25" /></a>
            	</div>
                <div style="float: right;">
                	<p>
                		2013 Copyright Torneo TCB.<br/>
                		Todos los derechos reservados.<br/>
                    	Powered by <a href="http://www.vector-it.com.ar" target="_blank"><img src="imagenes/vectorit.png" height="15" width="15" />Vector-IT</a>
                    </p>
				</div>
		    </div>
		    	    
		</div>
	</body>
</html>